import { Image, Swiper, SwiperItem, Text, View } from '@tarojs/components'
import { connect } from 'react-redux'
import React from 'react'
import IndexHeader from '../Header/IndexHeader'

export default class Shop extends React.Component{

  render () {
    return (
      <View style='height: 100%; display: flex; flex: 1; flex-direction: column; text-align: center;'>
        <View style='margin: 1rem 0rem;'>
          <Text>详细信息请咨询爱骑出行线下门店</Text>
        </View>
        <View style='display: flex; flex: 1; flex-direction: column;'>
          <View style='flex: 1'>
            <Image
              src='http://moba7caad.pic43.websiteonline.cn/upload/v2hr.jpg'
              mode='aspectFit'
              style='height: 100%;width: 100%'
            >
            </Image>
          </View>
          <View style='flex: 1'>
            <Image
              src='http://moba7caad.pic43.websiteonline.cn/upload/banner02.jpg'
              mode='aspectFit'
              style='height: 100%;width: 100%'
            >
            </Image>
          </View>
        </View>
        
        {/* <Swiper
          className='test-h'
          indicatorColor='#999'
          indicatorActiveColor='#333'
          circular
          indicatorDots
          autoplay>
          <SwiperItem>
            <View className='demo-text-1'>
              <Image
                src='http://moba7caad.pic43.websiteonline.cn/upload/v2hr.jpg'
                mode='aspectFill'
                style='width: 100%;'
              >

              </Image>
            </View>
          </SwiperItem>
          <SwiperItem>
            <View className='demo-text-2'>2</View>
          </SwiperItem>
          <SwiperItem>
            <View className='demo-text-3'>3</View>
          </SwiperItem>
        </Swiper> */}
      </View>
    )
  }

}